Section 2 데이터 흐름의 이해와 비동기 요청 처리 React 개발 방식의 가장 큰 특징은 컴포넌트 단위로 시작한다는 점 컴포넌트를 만들고 만들어진 컴포넌트를 바탕으로 조립해서 페이지를 구축 └즉 상향식으로 만드는 것 컴포넌트는 컴포넌트 밖에서 props를 이용해 데이터를 전달받음 └데이터를 전달하는 주체는 부모 컴포넌트, 즉 데이터 흐름은 하향식 State & Props State : 컴포넌트 내부에서 선언, 수정 가능 Props : 컴포넌... Section 2Section 2 React 컴포넌트 디자인 부품 단위로 UI 컴포넌트를 만들어 나가는 개발 CSS 전처리기(CSS Preprocessor) 특정 속성을 변수로 선언하여 필요한 곳에 선언된 변수 사용 가능 반복되는 코드를 한 번의 선언으로 재사용 가능 내부에서 어떤 작업을 하는지 알지 못한 채 단순히 계층구조를 만들어내는 것에 의지하게 되었고 컴파일된 CSS의 용량이 매우 커짐 BEM(Block, Element, Modifier) Bl... Section 2Section 2
데이터 흐름의 이해와 비동기 요청 처리 React 개발 방식의 가장 큰 특징은 컴포넌트 단위로 시작한다는 점 컴포넌트를 만들고 만들어진 컴포넌트를 바탕으로 조립해서 페이지를 구축 └즉 상향식으로 만드는 것 컴포넌트는 컴포넌트 밖에서 props를 이용해 데이터를 전달받음 └데이터를 전달하는 주체는 부모 컴포넌트, 즉 데이터 흐름은 하향식 State & Props State : 컴포넌트 내부에서 선언, 수정 가능 Props : 컴포넌... Section 2Section 2 React 컴포넌트 디자인 부품 단위로 UI 컴포넌트를 만들어 나가는 개발 CSS 전처리기(CSS Preprocessor) 특정 속성을 변수로 선언하여 필요한 곳에 선언된 변수 사용 가능 반복되는 코드를 한 번의 선언으로 재사용 가능 내부에서 어떤 작업을 하는지 알지 못한 채 단순히 계층구조를 만들어내는 것에 의지하게 되었고 컴파일된 CSS의 용량이 매우 커짐 BEM(Block, Element, Modifier) Bl... Section 2Section 2